<div class="resp-tabs-container" id="contact">
    <h2 class="resp-accordion hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a" role="tab" aria-controls="tab_item-0" ui-sref="main.profile">
        <i class="hi-icon fa fa-user icon_menu icon_menu_active"></i>
        <span class="tite-list-resp">profile</span>
        <i class="glyphicon glyphicon-chevron-down arrow-tabs"></i>
    </h2>
    <h2 class="resp-accordion hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a" role="tab" aria-controls="tab_item-0" ui-sref="main.resume">
        <i class="hi-icon fa fa-user icon_menu icon_menu_active"></i>
        <span class="tite-list-resp">resume</span>
        <i class="glyphicon glyphicon-chevron-down arrow-tabs"></i>
    </h2>
    <h2 class="resp-accordion hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a" role="tab" aria-controls="tab_item-0" ui-sref="main.portfolio">
        <i class="hi-icon fa fa-briefcase icon_menu icon_menu_active"></i>
        <span class="tite-list-resp">  PORTFOLIO</span>
        <i class="glyphicon glyphicon-chevron-down arrow-tabs"></i>
    </h2>
    <h2 class="resp-accordion hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a" role="tab" aria-controls="tab_item-0" ui-sref="main.blog">
        <i class="hi-icon fa fa-bullhorn icon_menu icon_menu_active"></i>
        <span class="tite-list-resp"> blog</span>
        <i class="glyphicon glyphicon-chevron-down arrow-tabs"></i>
    </h2>
    <h2 class="resp-accordion hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a resp-tab-active" role="tab" aria-controls="tab_item-0">
        <i class="hi-icon fa fa-envelope icon_menu"></i>
        <span class="tite-list-resp"> contact </span>
        <i class="glyphicon glyphicon-chevron-up arrow-tabs"></i>
    </h2>
    <div class="main_content">
        <div class="content">
            <h1>Contact - Contact Me</h1>
        </div>
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-12">
                    <div class="map">
                        <img src="./images/map.png" width="100%" height="300">
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="row contact">
                        <div class="col-md-5 left">
                            <div class="contact-info">
                                <div class="title_content post_format_standart">
                                    <div class="text_content">CONTACT INFO</div>
                                    <div class="clear"></div>
                                </div>
                                <ul>
                                    <li><span class="span-info"><i class="glyphicon glyphicon-map-marker"></i> Address:</span> {{$ctrl.data.address}}</li>
                                    <li><span class="span-info"><i class="glyphicon glyphicon-envelope"></i> Email:</span> {{$ctrl.data.email}}</li>
                                    <li><span class="span-info"><i class="glyphicon glyphicon-phone"></i> Phone:</span> {{$ctrl.data.phone}}</li>
                                    <li><span class="span-info"><i class="glyphicon glyphicon-globe"></i> Website:</span> {{$ctrl.data.website}}</li>
                                    <li><span class="span-info"><i class="glyphicon glyphicon-comment"></i> Skype:</span> {{$ctrl.data.skype}}</li>
                                    <li><span class="span-info"><i class="glyphicon glyphicon-globe"></i> Wechat:</span> {{$ctrl.data.wechat}}</li>
                                    <li><span class="span-info"><i class="glyphicon glyphicon-unchecked"></i> Skydrive:</span> {{$ctrl.data.skydrive}}</li>
                                </ul>
                            </div>
                            <div class="clear"></div>
                            <div class="title_content post_format_standart contact-box-title">
                                <div class="text_content">FOLLOW ME</div>
                                <div class="clear"></div>
                            </div>
                            <div class="contact-ways">
                                <a href="#"><i class="fa fa-qq"></i></a>
                                <a href="#"><i class="fa fa-wechat"></i></a>
                                <a href="#"><i class="fa fa-weibo"></i></a>
                                <a href="#"><i class="fa fa-github"></i></a>
                                <a href="#"><i class="fa fa-stack-overflow"></i></a>

                            </div>
                        </div>
                        <div class="col-md-7 right">
                            <div class="title_content post_format_standart">
                                <div class="text_content">LET'S KEEP IN TOUCH</div>
                                <div class="clear"></div>
                            </div>
                            <form method="post" id="comment-form" class="comment-form">
                                <div class="form-group">
                                    <label class="labels">Your Name</label>
                                    <input class="form-control" placeholder="Name*..." />
                                </div>
                                <div class="form-group">
                                    <label class="labels">Email address</label>
                                    <input type="email" class="form-control" placeholder="Email*...">
                                </div>
                                <div class="form-group">
                                    <label class="labels">Email address</label>
                                    <textarea class="form-control" rows="4" placeholder="Message..."></textarea>
                                </div>
                                <input  type="reset" value="CLEAR" name="reset" class="reset"/>
                                <button class="submit" ng-click="$ctrl.showMessage();">SEND MESSAGE</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>



    </div>

</div>